<template>
  <div style="background-color: #ccc; padding: 10px;">
    <!--eslint-disable-next-line-->
    <div class="wrap" v-for="item in imageList" style="margin-bottom: 10px;">
      <img style="width: 100%;" v-lazy="item"/>
    </div>
  </div>
</template>

<script>
import School from '../assets/img/School.jpg'
import bridge from '../assets/img/bridge.jpeg'
import brige1 from '../assets/img/bridge1.jpeg'
import guanggu from '../assets/img/guanggu.jpeg'
import bus from '../assets/img/bus.jpeg'
import donhu from '../assets/img/donghu.jpeg'
import richu from '../assets/img/richu.jpeg'
import jita from '../assets/img/jita.jpeg'

import PubSub from 'pubsub-js'
export default {
  name: "my_Home",
  data() {
    return {
      imageList: [
        School,
        bridge,
        brige1,
        guanggu,
        bus,
        donhu,
        richu,
        jita
      ]
    }
  },
  components: {

  },
  created() {
    // 发布
    PubSub.publish('HomeCom', 0)
  }
}
</script>

<style scoped>
  img {
    height: 220px;
    vertical-align: middle;
    /*margin-bottom: 50px;*/
    border-radius: 20px;
  }
  .wrap {
    box-sizing: border-box;
    padding: 10px;
    display: flex;
    align-items: center;
    width: 100%;
    height: 240px !important;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.5);
  }
</style>